<template>
<div class="app-list">
  <div class="list-info">
    <span class="list-title">{{title}}</span>
    <span class="list-count">{{todolist.length}}</span>
  </div>
  <ul>
    <li>
      <span>+</span>
      <input type="text" />
      <span>-</span>
    </li>
  </ul>
</div>
</template>

<script>
export default {
  name: 'todo-list',
  data() {
    return {
      todolist: [],
    };
  },
};
</script>

<style scoped>

</style>
